html, body{height: 100%;margin: 0;padding: 0;font-family: 'microsoft yahei',Arial, Helvetica,sans-serif;color: #666;text-rendering: optimizeLegibility;font-size:12px;}
h1, h2, h3, h4, h5, h6, p,ul,ol{margin-top: 0;}
.page-header{vertical-align: middle;margin: 15px 0;padding: 0;border-bottom: none;}
.page-header h1{font-family: 'microsoft yahei',Arial, Helvetica,sans-serif;font-weight: 400;font-size: 30px;color: #848484;display: inline-block;margin: 0px 10px 0px 0px;}
.crumb {display: inline-block;margin: 0;}
.crumb i {font-style: normal;margin: 0px 5px;}
a,.crumb span {color:#0a8e61;cursor: pointer;}
a:hover, a:focus{text-decoration: none;}
.l {float:left;}
.r {float:right;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
/* fix for bootstrap hidden and visible*/
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg{display: inline;}
#container{min-height: 100%;width: 100%;position: relative;}
.container-fluid{padding-left: 20px;padding-right: 20px;}
#header{min-height: 0px;background: #FFFFFF;border-bottom: 1px solid #E5E5E5;margin: 0;padding: 0;}
#header .nav > li{float: left;}
#header .nav > li li{min-width: 200px;}
#header .navbar-header{min-height: 0px;padding: 0;float: left;}
#header .nav ul.dropdown-menu-right li,.dropdown-menu-right {min-width: unset;}
ul.dropdown-menu-right li > a {color:#0a8e61;}
.dropdown-hover:hover .dropdown-menu {display: block; transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.dropdown-hover:hover .fa {color:#0a8e61;}

#header #button-menu + .navbar-brand{padding: 10px 10px 10px 10px;margin-right: 10px;height: auto;}
#header .nav > li > a{padding: 3px 16px;line-height: 38px;cursor: pointer;color: #6D6D6D;border-left: 1px solid #E1E1E1;}
#header .nav > li > a > .label{text-shadow: none;padding: 1px 4px;position: absolute;top: 8px;left: 6px;}
#button-menu{padding: 10px 12px 9px 12px;line-height: 25px;display: inline-block;cursor: pointer;color: #6D6D6D;border-right: 1px solid #E1E1E1;}
#profile{display: none;}
#column-left.active #profile{display: block;padding: 10px 15px 10px 15px;overflow: auto;border-bottom: 1px solid #585858;}
#profile div{float: left;color: #C4C4C4;}
#profile div i{font-size: 30px; color: #fff; background: #0a8e61; width: 50px; height: 50px; border-radius: 50%; padding-top: 10px;}
#profile div + div{margin-left: 15px;}
#profile h4{margin-top: 6px;font-family: 'microsoft yahei',Arial, Helvetica,sans-serif;font-size: 15px;font-weight: 400;color: #FFF;margin-bottom: 0;}
#column-left{width: 40px;height: 100%;background-color: #515151;position: absolute;top: 0px;padding-top: 50px;z-index: 10;transition: all 0.3s;}
#column-left.active{width: 230px;display: block;overflow: auto;}
#content{padding-bottom: 40px;transition: all 0.3s;}
#column-left + #content{margin-left: 40px;}
/* Menu*/
#menu, #menu ul, #menu li{padding: 0;margin: 0;list-style: none;}
#menu{margin-bottom: 25px;}
#menu > li{position: relative;}
#menu li a{text-decoration: none;display: block;padding: 10px 18px 10px 10px;cursor: pointer;border-bottom: 1px solid #515151;position: relative;}
#menu li a i{font-size: 16px;}
#menu > li > a{color: #C4C4C4;font-size: 12px;padding-left: 5px;border-bottom: 1px solid #585858;}
#menu > li > a:hover{background-color: #444444;}
#menu > li > a > span{display: none;margin-left: 8px;}
#menu li li a{color: #9d9d9d;}
#menu li li a:hover,#menu li li a.active{color: #FFFFFF;background-color: #373737;}

#menu li li a:before{content: "\f101";font-size: 14px;font-family: FontAwesome;margin-left: 10px;margin-right: 10px;transition: margin ease 0.5s;position: absolute;top:10px;left:15px;}
#menu > li > a.active{color: #DDDDDD;background: #373737;}
#menu li.active li a{color: #C4C4C4;}
#menu li li.active > a:last-child{color: #FFFFFF;}
#menu > li > ul{position: absolute;left: 40px;top: 0px;width: 210px;background-color: #444444;visibility: hidden;}
#menu li ul{overflow: hidden;}
#menu > li:hover > ul{visibility: visible;}
#menu li li a.parent:after, #column-left.active #menu > li a.parent:after{font-family: FontAwesome;content: "\f105";position: absolute; top: 10px; right: 10px;}
#menu li li.open > a.parent:after, #column-left.active #menu > li.open > a.parent:after{font-family: FontAwesome;content: "\f107" !important;}
#menu li ul a{padding-left: 45px;font-size:12px;}
#menu li li ul a{padding-left: 65px;}
#menu li li ul a:before{left:35px;}
#menu li li li ul a{padding-left: 85px;}
#menu li li li ul a:before{left:55px;}
#menu li li li li ul a{padding-left: 105px;}
#menu li li li li ul a:before{left:75px;}
#column-left.active + #content{margin-left: 230px;}
#footer.active{margin-left: 230px;width:calc(100% - 230px);}
#column-left.active #menu li i{font-size: 14px;}
#column-left.active #menu > li > a > span{display: inline;}
#column-left.active #menu > li > ul{position: relative;left: auto;top: auto;width: auto;visibility: visible;}
/* footer*/
#footer{height: 30px;text-align: center;position: absolute;bottom: 0;margin-left: 40px;width:calc(100% - 40px);}
/* Navs*/
.nav > li.disabled > a{color: #999;}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus{color: #999;}
/* Tabs*/
.nav-tabs > li > a{border-radius: 2px 2px 0 0;outline: none;}
.nav-tabs > li > a:hover{border-color: #eee #eee #ddd;}
.nav-tabs{margin-bottom: 15px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{font-weight: bold;color: #333;}
.form-control:hover{border: 1px solid #b9b9b9;border-top-color: #a0a0a0;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);}
div.required .control-label:not(span):before, td.required:before{content: '* ';color: #F00;font-weight: bold;}
.table {margin-bottom: 10px;}
.table thead td span[data-toggle="tooltip"]:after, label.control-label span:after{font-family: FontAwesome;color: #1E91CF;content: "\f059";margin-left: 4px;}
fieldset legend{padding-bottom: 5px;}
input[type="radio"], input[type="checkbox"]{margin: 2px 0 0;}
.radio, .checkbox{min-height: 18px;}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"], input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{position: relative;width: 13px;width: 16px \0;height: 13px;height: 16px \0;-webkit-appearance: none;background: white;border: 1px solid #dcdcdc;border: 1px solid transparent \0;border-radius: 1px;}
input[type="radio"]:focus, .radio input[type="radio"]:focus, .radio-inline input[type="radio"]:focus, input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus{border-color: #4d90fe;outline: 0;}
input[type="radio"]:active, .radio input[type="radio"]:active, .radio-inline input[type="radio"]:active, input[type="checkbox"]:active, .checkbox input[type="checkbox"]:active, .checkbox-inline input[type="checkbox"]:active{background-color: #ebebeb;border-color: #c6c6c6;}
input[type="radio"]:checked, .radio input[type="radio"]:checked, .radio-inline input[type="radio"]:checked, input[type="checkbox"]:checked, .checkbox input[type="checkbox"]:checked, .checkbox-inline input[type="checkbox"]:checked{background: #fff;}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"]{width: 15px;width: 18px \0;height: 15px;height: 18px \0;border-radius: 1em;}
input[type="radio"]:checked::after, .radio input[type="radio"]:checked::after, .radio-inline input[type="radio"]:checked::after{position: relative;top: 3px;left: 3px;display: block;width: 7px;height: 7px;content: '';background: #666;border-radius: 1em;}
input[type="checkbox"]:hover, .checkbox input[type="checkbox"]:hover, .checkbox-inline input[type="checkbox"]:hover{border-color: #c6c6c6;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);-webkit-box-shadow: none \9;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);box-shadow: none \9;}
input[type="checkbox"]:checked::after, .checkbox input[type="checkbox"]:checked::after, .checkbox-inline input[type="checkbox"]:checked::after{position: absolute;top: -6px;left: -5px;display: block;content: url('./images/checkmark.png');}
.table thead td{font-weight: bold;}
.table thead > tr > td, .table tbody > tr > td{vertical-align: middle;}
.table a.asc:after{content: " \f107";font-family: FontAwesome;font-size: 14px;}
.table a.desc:after{content: " \f106";font-family: FontAwesome;font-size: 14px;}
.pagination{margin: 0;}
.form-group{padding-top: 15px;padding-bottom: 15px;margin-bottom: 0;}
.form-group + .form-group{border-top: 1px solid #ededed;}
/* Panels*/
.panel{border-radius: 0px;}
.panel .panel-heading{position: relative;}
.panel-heading h3 i{margin-right: 8px;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.panel-heading i{font-size: 16px;font-weight: 500;}
.panel-heading h3{font-size: 16px;font-weight: 500;display: inline-block;}
/* Primary Panel*/
.panel-primary{border: 1px solid #c3e4f6;border-top: 2px solid #5cb7e7;}
.panel-primary .panel-heading{color: #1e91cf;border-color: #96d0f0;background: white;}
/* Default Panel*/
.panel-default{border: 1px solid #e8e8e8;border-top: 2px solid #bfbfbf;}
.panel-default .panel-heading{color: #595959;border-color: #e8e8e8;background: #fcfcfc;}
.img-thumbnail i{color: #FFFFFF;background-color: #EEEEEE;text-align: center;vertical-align: middle;width: 100px;height: 100px;padding-top: 20px;vertical-align: middle;display: inline-block;}
.img-thumbnail.list i{width: 40px;height: 40px;padding-top: 10px;}
/* Tiles*/
.tile{margin-bottom: 15px;border-radius: 3px;background-color: #0cb37b;color: #FFFFFF;transition: all 1s;}
.tile:hover{opacity: 0.95;}
.tile a{color: #FFFFFF;}
.tile-heading{ padding: 5px 8px; text-transform: uppercase; background-color: #0a8e61; color: #FFF; height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tile .tile-heading .pull-right{transition: all 1s;opacity: 0.7;}
.tile:hover .tile-heading .pull-right{opacity: 1;}
.tile-body{padding: 15px;color: #FFFFFF;line-height:30px;}
.tile .tile-body i{font-size: 45px;opacity: 0.3;transition: all 1s;}
.tile:hover .tile-body i{color: #FFF;opacity: 1;}
.tile .tile-body h2{font-size: 35px;margin-top:5px;}
.tile-footer{padding: 5px 8px;background-color: #3cca99;}
#column-left.active #stats{display: block;}
#stats{display: none;border-radius: 2px;color: #666;background: #2b2b2b;margin: 15px 20px;padding: 5px 0;}
#stats ul, #stats li{padding: 0;margin: 0;list-style: none;}
#stats li{font-size: 11px;color: #9d9d9d;padding: 5px 10px;border-bottom: 1px dotted #373737;}
#stats div:first-child{margin-bottom: 4px;}
#stats .progress{height: 3px;margin-bottom: 0;}
.jqvmap-label{z-index: 999;}
.alert{overflow: auto;}
.table-responsive {overflow-x:visible; }
.navbar-brand > img {height:23px;}
.language {width: auto; height: 30px; padding: 0; margin: 7px 7px 0 0;font-size:12px;}
.btn.disabled  {color:#fff;background: #777676;}
.btn.disabled:hover {color:#fff;background: #8a8989;}
.red {color:red;}
.Wdate.form-control {height:35px;border:1px solid #ccc;background-position: 98% center;}
.oms-table {font-size:12px;}
.oms-table .btn {margin:2px 0;}
.emptyNumber{color:red;text-align:center;}
.pull-right .btn-oms {margin: 5px 0 0 5px;}
.text-right {text-align: right;}
.text-right .btn ~ .btn {margin-left:10px;}
.w400 {width:400px;margin:50px auto 0;}
.formAction ~ #footer.active {width:100%;margin-left:0px;}
.btn-primary {font-size:12px;cursor: pointer;}
.text-center {text-align:center;}
.form-control{font-size:12px;}
.marginTop {margin-top:10px;}
.oms-radio {margin-right: 15px; padding-top: 3px; margin-bottom: 0px; padding-bottom: 5px;}
.oms-radio input{margin:0 5px -2px 0;}
.form-horizontal .control-label {padding:0px;line-height: 15px; display: flex; justify-content: flex-end; align-items: center;}
.form-horizontal .form-group {display: flex;}